<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no minimal-ui">
  <meta name="description" content="">
  <meta name="author" content="">
  <title></title>
  <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
  <style type="text/css">
    body {
      text-align: center;
      color: #fff;
      background: #18bc9c;
      font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 30px;
      line-height: 1.42857143;
    }

    .container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
    }

    header .intro-text .name {
      display: block;
      text-transform: uppercase;
      font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 2em;
      font-weight: 700;
    }

    .star-light span{
       display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
       position: relative;   /*定位横线（当横线的父元素）*/
       background-image: url('images1/xing.png');
       background-size:30px 30px;
       background-repeat:no-repeat;
       background-position:center;
       font-size: 1px;
       padding: 20px;
    }

    .star-light span:before, .star-light span:after {
          content: '';                 /*CSS伪类用法*/
          position: absolute;         /*定位背景横线的位置*/
          top: 55%;
          background: #fff;       /*宽和高做出来的背景横线*/
          width: 25%;
          height: 5px;
      }
      .star-light span:before{
          left: 10%;        /*调整背景横线的左右距离*/
      }
      .star-light span:after {
          right: 10%;
      }

    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .row {
      margin-left: -15px;
      margin-right: -15px;
    }

    #weixin-tip {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.8);
      filter: alpha(opacity=80);
      width: 100%;
      height: 100%;
      z-index: 100;
    }

    #weixin-tip p {
      text-align: center;
      margin: 0;
      height: 100%;
      position: relative;
    }

    #weixin-tip p img {
      width: 100%;
      height: 100%;
    }

    #weixin-tip .close {
      color: #fff;
      padding: 5px;
      font: bold 24px/26px simsun;
      text-shadow: 0 1px 0 #ddd;
      position: absolute;
      top: 0;
      left: 5px;
    }

    .btn-outline {
      border: solid 2px #fff;
      font-size: 20px;
      color: #fff;
      background: 0 0;
      transition: all .3s ease-in-out;
    }

    .btn {
      border-width: 2px;
    }

    .btn-lg,
    .btn-group-lg>.btn {
      padding: 18px 27px;
      font-size: 19px;
      line-height: 1.3333333;
      border-radius: 6px;
    }

    .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 10px 15px;
      font-size: 15px;
      line-height: 1.42857143;
      border-radius: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }


    a {
      color: #18bc9c;
      text-decoration: none;
    }

    .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .col-lg-12 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
    }

    .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  </style>
  <script>
    // 是否是安卓
    function isAndroid() {
      var u = navigator.userAgent;
      if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
        return true;
      }
      return false;
    }

    function isIOS() {
      var u = navigator.userAgent;
      var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      return isiOS;
    }

    function is_weixin() {
      var ua = navigator.userAgent.toLowerCase();
      if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return true;
      } else {
        return false;
      }
    }

    function GetQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return null;
    }
    $(document).ready(function() {
      initialize();

      function initialize() {
        var myurl = GetQueryString("winzoom");
        // if(myurl==null || myurl.length==0 || (myurl*1)==1){
        //     $('#icon').attr('src','images1/sanqueyi.png');
        //     $('.gname').html('三缺一app下载');
        //     $('.gname1').html('三缺一app, 与好友一块约起来。');
        //     $('title').html('三缺一app下载下载');
        // }else{
        //
        // }
        if (true == isIOS()) {
          $('#iostrust').show();
          if (myurl == null || myurl.length == 0 || (myurl * 1) == 1) {
            //window.location.href = "https://itunes.apple.com/cn/app/shan-shan-pen-di-fu-nu-jian/id1363068324?mt=8";
            alert("苹果安装包发布中，发布成功即可下载");
          } else {
            $('#downloadBtn').on('click', function(e) {
              alert("苹果安装包发布中，发布成功即可下载");
            //  var d = "https://itunes.apple.com/cn/app/shan-shan-pen-di-fu-nu-jian/id1363068324?mt=8";
              //alert(d);
             // window.location.href = d; itms-services://?action=download-manifest&url=https://1251073715-1251073715.file.myqcloud.com/YunDuanRes/Lymj/ios/lymj.plist
            });
          }
        } else if (true == isAndroid()) {
          $('#downloadBtn').on('click', function(e) {
            if (is_weixin()) {
              var winHeight = typeof window.innerHeight != "undefined" ? window.innerHeight : document.documentElement.clientHeight;
              //兼容IOS，不需要的可以去掉
              var tip = document.getElementById("weixin-tip");
              var close = document.getElementById("close");
              tip.style.height = winHeight + "px";
              //兼容IOS弹窗整屏
              tip.style.display = "block";
              close.onclick = function() {
                tip.style.display = "none";
              }
            } else {
              window.location.href = "http://1251073715-1251073715.file.myqcloud.com/YunDuanRes/Lymj/laiyuanmj1.apk";
            }
          });
        } else {
          $('#downloadBtn').on('click', function(e) {
            window.location.href = "http://1251073715-1251073715.file.myqcloud.com/YunDuanRes/Lymj/laiyuanmj1.apk";
          });
        }
      }
    });
  </script>
</head>

<body>
  <div id="weixin-tip">
    <p>
      <img src="images1/weixinOpen.png" alt="微信扫描打开APP下载链接提示代码优化">
      <span id="close" title="关闭" class="close">×</span>
    </p>
  </div>
  <!-- Header -->
  <header>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="intro-text">
            <span class="name"><span class="gname">三缺一app</span></span>
            <div class="star-light">
              <span>  11 </span>
              <!-- <img style="height:15px; height:15px" src="images1/xing.png"></img> -->
            </div>
            <span class="skills"><span class="gname1"></span>三缺一app，与好友一块约起来。</span>
          </div>
          <img class="img-responsive" src="./images1/sanqueyi.png" alt="" id="icon">
        </div>
      </div>
      <div class="row">
        <div style="margin-right: auto; margin-left: auto;border:3px solid #fff; width: 200px;padding:10rpx 30rpx 20rpx 30rpx">
          <a id="downloadBtn" href="javascript:;" class="btn btn-lg btn-outline">
              <img style="width:10rpx;height:20px" src="images1/down.png"></img>
                        <i class="fa fa-download"></i> 立即下载
                    </a>
        </div>
      </div>
    </div>
    </br>
    <div id="iostrust" style="display: none">
      <p align="center" class="help">安装完成后，需要做以下设置才能启动游戏</br>
        </br>通用=>设备管理=>Beijing ZhiHuaXin Technology Co.,Ltd=>信任“Beijing ZhiHuaXin Technology Co.,Ltd”=>信任</p>
    </div>
  </header>
</body>

</html>
